{% extends 'layout_no_left.html' %}
{% block css %}
    <style>
        .project {
            position: relative;
            border-radius: 6px;
            padding: 10px 25px;
        }

        .project-title {
            height: 104px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            line-height: 104px;
            text-align: center;
            display: block;
            color: white;
            text-decoration: none;

        }

        .project-title:hover, .project-title:visited {
            text-decoration: none;
            color: white;
        }

        .project-content {
            background: #eff3f6;
            height: 40px;
            line-height: 40px;
            padding: 0 15px;
            font-size: 13px;
        }

        .project-bg-orange {
            background: #f28033 !important;
        }

        .project-add {
            display: block;
            border-radius: 6px;
            padding: 10px 25px;
            height: 144px;
            background-color: #f6f6f6;
            text-align: center;
            line-height: 114px;
            font-size: 45px;
        }
    </style>
{% endblock %}
{% block content %}

    <div class="container" style="margin-top: 10px;">
        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading"><i class="fa fa-list" aria-hidden="true"></i> 我创建的项目</div>
            <div class="panel-body">
                <div class="col-md-3 project">
                    <a href="/text/" class="project-title project-bg-orange">
                        <span>Python学院工作分配</span>
                    </a>
                    <div class="project-content clearfix">
                        <div class="left">
                            <i class="fa fa-star-o" aria-hidden="true"></i> <span style="color: #87b91b">武沛齐</span>
                        </div>
                        <div class="right">
                            <i class="fa fa-user-o" aria-hidden="true"></i> 11
                        </div>
                    </div>
                </div>

                <div class="col-md-3 project">
                    <a href="/text/" class="project-title project-bg-orange">
                        <span>Python学院工作分配</span>
                    </a>
                    <div class="project-content clearfix">
                        <div class="left">
                            <i class="fa fa-star-o" aria-hidden="true"></i> <span style="color: #87b91b">武沛齐</span>
                        </div>
                        <div class="right">
                            <i class="fa fa-user-o" aria-hidden="true"></i> 11
                        </div>
                    </div>
                </div>

                <div class="col-md-3 project">
                    <a href="/text/" class="project-title project-bg-orange">
                        <span>Python学院工作分配</span>
                    </a>
                    <div class="project-content clearfix">
                        <div class="left">
                            <i class="fa fa-star-o" aria-hidden="true"></i> <span style="color: #87b91b">武沛齐</span>
                        </div>
                        <div class="right">
                            <i class="fa fa-user-o" aria-hidden="true"></i> 11
                        </div>
                    </div>
                </div>

                <div class="col-md-3 project">
                    <a href="/text/" class="project-title project-bg-orange">
                        <span>Python学院工作分配</span>
                    </a>
                    <div class="project-content clearfix">
                        <div class="left">
                            <i class="fa fa-star-o" aria-hidden="true"></i> <span style="color: #87b91b">武沛齐</span>
                        </div>
                        <div class="right">
                            <i class="fa fa-user-o" aria-hidden="true"></i> 11
                        </div>
                    </div>
                </div>

                <div class="col-md-3 project">
                    <a href="{% url 'stark:task_project_add' %}" class="project-add">
                        <i style="color: #dddddd;" class="fa fa-plus-circle" aria-hidden="true"></i>
                    </a>

                </div>


            </div>
        </div>

        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading"><i class="fa fa-list" aria-hidden="true"></i> 我参与的项目</div>
            <div class="panel-body">
                <p>...</p>
            </div>
        </div>

    </div>

{% endblock %}